<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ufast-next文档</title>
  <link rel="icon" href="favicon.ico?v=1.2" />
  <link href="./css/common.css" rel="stylesheet">
  <link href="./css/index.css?v=1.4" rel="stylesheet">
  <link rel="stylesheet" href="./css/pace-theme-default.min.css">
</head>

<body>
  <div id="app" v-cloak>
    <header>
      <div class="logo">
        <img src="./logo.png" alt="" />
        <span>ufast-next</span>
      </div>
      <div class="search">
        <input type="text" placeholder="搜索" v-model="value" />
      </div>
      <div class="menu">
        <div class="menuItem" @click="toLink('https://zzjzml.atomgit.net/ufast-next-preview/#/')">插件预览</div>
        <div class="menuItem" @click="toLink('https://ext.dcloud.net.cn/plugin?id=23432')">插件地址</div>
      </div>
    </header>
    <main>
      <div class="left">
        <div class="list" v-for="(item,key) in List" :key="key" v-cloak>
          <span class="title">{{item.title}}</span>
          <ul>
            <li v-for="(itemChild,keyChild) in item.children" :id="'li' + key + keyChild" :key="keyChild" :class="{'active':itemChild.active}" @click="toPage(key,keyChild)">
              <span>{{itemChild.label}}</span>
            </li>
          </ul>
        </div>
      </div>
      <div class="right">
        <iframe :src="url"></iframe>
      </div>
      <div class="preview" @click="preview" v-if="this.List[this.key].title !== '启程'">
        <span>预览</span>
      </div>
    </main>
  </div>

  <script src="./js/vue.min.js"></script>
  <script src="./js/index.js?v=1.7"></script>
  <script src="./js/pace.min.js"></script>
</body>

</html>